﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户演示</title>
  <script language="JavaScript" type="text/javascript">
/* ======================================================================================
下面的函数用来显示供用户添加标点的地图，其参数配制（请参照说明文档中的参数配制说明）：
CID、tid、width、height、zoom、control等参数需要您在部署代码时设置好；而cityName、nid等参数将从网
页表单中读取值；如果您传递了NID参数的值，地图中将显示此NID所代表的标点。                          
====================================================================================== */
	ctiyName = encodeURIComponent('泉州市');
  function initMap() {
    var url = "/aspx/proxy.aspx?api=template1000&CID=1755000&tid=tid1000&cityName="+ctiyName+
		  "&nid="+document.getElementById("nid").value+"&width=600&height=400&zoom=10&control=2";
    document.getElementById("map1").src = url;  
  }
/* ======================================================================================
点击“提交”按钮运行此函数保存地图标点信息，其参数配制（请参照说明文档中的参数配制说明）：
CID、tid、等参数需要您在部署代码时设置好；而name、nid、address、phone、cityName等参数将从网
页表单中读取值；如果您传递了NID参数的值，将修改此NID代表的标点，而不添加新的标点。                          
====================================================================================== */
  function updateMap() {
		map =  document.getElementById("map1");
  	if (!map.getLatLon()) {
  		alert("请先标注位置");
  		return;
    }	
    var url = "/aspx/proxy.aspx?api=poiUpdate&CID=1755000&tid=tid1000&cityName="+ctiyName+
          "&nid="+document.getElementById("nid").value+
          "&name="+encodeURIComponent(document.getElementById("name").value)+
          "&address="+encodeURIComponent(document.getElementById("address").value)+
          "&phone="+encodeURIComponent(document.getElementById("phone").value)+
          "&latLon="+map.getLatLon();
		document.getElementById("mapSubmit").src = url;
  }
/* ======================================================================================
下面的函数把添加标点后生成的NID值返回到表单的NID输入框中。                          
====================================================================================== */
  function setNid(nid) {
    document.getElementById("nid").value = nid;
  }
	</script>
</head>
<body onload="initMap()">
<table>
<tr><td>
<!-- ====================================================================================
请把下面的表单内容，置入您网页的发布信息表单中（例如发布房源信息），它们的值会通过前面的脚本，随地图标点
保存在mapbar数据后台，并可以在显示地图时显示出来。
===================================================================================== -->
<form name="f" id="f">
    名称<input id="name" type="text" name="name" value="我的标点"/><br /><br />
  
    地址<input id="address" type="text" name="address" value="建国路8号"/><br />
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<input name="button" type="button" onclick="map.go2Search(document.getElementById('address').value);" value="在地图上匹配地址"/>
	<br /><br />
	电话<input id="phone" type="text" name="phone" value="010-88888888"/><br /><br />
nid&nbsp;&nbsp;
<input id="nid" type="text" name="nid" value=""/>   <!-- 此输入框用于接收返回的地图标点NID值 -->    <br /><br />
<input type="button" name="submit" value="提交" onclick="updateMap()"/>
&nbsp;
    <input type="reset" name="reset" value="复位"/>
    &nbsp;   <input type="button" name="submit2" value="重载地图" onclick="initMap()"/>
</form>
</td><td width="600">
<!-- ====================================================================================
下面的两个IFRAME中，第一个用来显示地图供用户添加标点；第二个用来在“提交”后保存标点信息（不在网页中显示），
===================================================================================== -->
<iframe id="map1" name="map" width="600" height="400" frameborder="0" scrolling="No"></iframe>
<iframe id="mapSubmit" style="display:none" name="mapSubmit" width="0" height="0" frameborder="0" scrolling="No"></iframe>
</td></tr>
</table>
</body>
</html>